/*---------全局重置开始----------*/
body,
ul,
ol,
li,
dl,
dt,
dd,
p,
pre,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
blockquote,
fieldset,
lengend,
button,
textarea,
th,
td {
  margin: 0;
  padding: 0;
}
html {
  /* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
  overflow-y: scroll;
  /*设置字体*/
  font: "PingFang", "Source Han Sans CN", "Microsoft YaHei", Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;
}
/* 表单控件没有亮线 */
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  outline: none;
  font: inherit;
  border: none;
}
/* 表格边框和元素间距清空 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
li {
  list-style: none;
}
u,
a {
  text-decoration: none;
}
em {
  font-style: normal;
}
img {
  border: none;
  margin: 0;
  padding: 0;
}
/*-----全局重置结束-------*/
/*--------盒模型兼容开始-------*/
.flex {
  display: box;
  /*Android 4.4*/
  display: -webkit-box;
  /*iOS 6-, Safari 3.1-6*/
  display: -moz-box;
  /*Firefox 19*/
  display: -ms-flexbox;
  /*IE 10*/
  display: -webkit-flex;
  /*Chrome*/
  display: flex;
  /*Opera 12.1, Firefox 20+*/
}
/*主轴竖直*/
.flex_column {
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
.flex_wrap {
  -webkit-box-lines: multiple;
  -webkit-flex-direction: wrap;
  -moz-flex-direction: wrap;
  -ms-flex-direction: wrap;
  -o-flex-direction: wrap;
  flex-direction: wrap;
}
/*元素两端排列*/
.flex_jus_between {
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}
/*元素两端间距排列*/
.flex_jus_around {
  -webkit-box-pack: space-around;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  -o-justify-content: space-around;
  justify-content: space-around;
}
/*元素两端间距排列*/
.flex_jus_center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
}
/*元素竖直方向居中*/
.flex-ali_i_center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}
/*多行元素竖直方向居中*/
.flex-ali_c_center {
  -webkit-box-align: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  -o-align-content: center;
  align-content: center;
}
/*--------盒模型兼容结束-------*/
/*------小调整设置开始-----*/
.float_L {
  float: left;
}
.float_R {
  float: right;
}
.position_A {
  position: absolute;
}
.position_R {
  position: relative;
}
.position_F {
  position: fixed;
}
.textAlign_C {
  text-align: center;
}
.margin_Auto {
  margin: 0 auto;
}
.display_B {
  display: block;
}
.display_N {
  display: none;
}
.display_I {
  display: inline;
}
.display_I_B {
  display: inline-block;
}
.overflow_H {
  overflow: hidden;
}
.overflow_A {
  overflow: auto;
}
.box_B {
  box-sizing: border-box;
}
/*------小调整设置结束-----*/
/*----------适配开始--------*/
@media screen and (max-width: 320px) {
  html {
    font-size: 90px;
  }
}
@media screen and (min-width: 320px) {
  html {
    font-size: 90px;
  }
}
@media screen and (min-width: 370px) {
  html {
    font-size: 100px;
  }
}
@media screen and (min-width: 410px) {
  html {
    font-size: 110px;
  }
}
@media screen and (min-width: 480px) {
  html {
    font-size: 130px;
  }
}
@media screen and (min-width: 560px) {
  html {
    font-size: 150px;
  }
}
@media screen and (min-width: 640px) {
  html {
    font-size: 170px;
  }
}
@media screen and (min-width: 760px) {
  html {
    font-size: 200px;
  }
}
body {
  background: #f2f3f3;
  font-size: 0.16rem;
}
/*----------适配结束----------*/

/*动画*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
.animated.bounceIn{
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}
@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
